body{
  display: flex;
  justify-content: center;
}
.stopwatch-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  
  padding: 30px;
  border-radius: 50px;
  border: 3px solid black;
}

.display{
  padding: 0;
  margin: 0 0 10px;
  font-size: 5em;
  font-weight: bold;
  text-shadow: 5px 5px 5px black;
}

.btns-control button{
    margin: 5px;
    padding: 10px 20px;
    font-size: 2em;
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: background-color 0.25s ease;
}

.start-button{
  background-color: green;
}

.start-button:hover{
  background-color: rgb(13, 189, 13);
}


.stop-button{
  background-color: rgb(135, 14, 6);
}

.stop-button:hover{
  background-color: rgb(215, 20, 20);
}


.reset-button{
  background-color: rgb(6, 66, 135);
}

.reset-button:hover{
  background-color: rgb(30, 161, 218);
}